<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>过滤器</title>

</head>
<body>
  <!--
    1.过滤器
  将某些数据做对应处理(如文本格式化)

  公有过滤器：所有vue对象都可使用(私有过滤器在Vue实例创建之前)

  Vue.filter("过滤器名",function(val){函数体})


  私有过滤器：在某个Vue对象中定义，在当前控制范围内使用

  <p>{{money | RMB | YUAN}}</p>
  <script>
  Vue.filter("YUAN",function(val){return val +"元"}) //公有过滤器
  new Vue({
    el:"#app",
    data:{money:20000},
    filters:{RMB:function(val){return "￥" + val}},  //私有过滤器
  })
  </script>
  -->

</body>
</html>